<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 复制--- -->
    <!-- //练习，发送GET请求
    // axios().then()
    // axios({ /* 请求的配置 */ }).then(result => { /* result.data 就是响应结果 */ })

    axios({
    // 键: 值,
    // 键: 值,
    method: 'GET', // method 指定请求方式; GET不区分大小写，建议大写
    url: 'http://www.itcbc.com:3006/api/getbooks'
    }).then(result => {
    console.log(result.data) // result.data 才是真正的服务器响应的结果
    })


    // ------------------------ 使用解构赋值的方式，直接获取服务器返回的结果----------
    axios({
    method: 'GET', // GET不区分大小写；GET是默认值，如果不写method，表示发送的就是GET请求
    url: 'http://www.itcbc.com:3006/api/getbooks', // url必须小写。url的值，抄就可以了
    }).then(({ data: res }) => {
    console.log(res); // res 表示服务器返回的结果
    }) -->

        <!-- 练习1 -->
        <!-- <script src="./axios.js"></script>
        <script>
            // axios().then()
            // 发送get请求
            // axios({/*请求的配置*/}).then((/*形参*/)=>{/*形参表示的结果*/})

            axios({
                // 键:值,
                //这里的键值对可以具体参照文档,具体的键值有后端提供
                method: 'GET',  //指定请求的类型
                url: 'http://www.itcbc.com:3006/api/getbooks',


            }).then((result) => {
                console.log(result)
            })
        </script> -->

        <!-- 练习2 -->
            <script src="./axios.js"></script>

            <script>
                axios({
                    method:'GET',//指定请求的类型
                    url:'http://www.itcbc.com:3006/api/getbooks'

                }).then((result) => {
                    console.log(result)
                })


                



            </script>






    // 解构赋值:展开数组或对象,把里面的值取出


    </script>
</body>

</html>